<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="x-ua-compatible" content="ie=edge" />
		<link type="text/css" rel="stylesheet" href="_assert/css/product_main.css" />
		<link type="text/css" rel="stylesheet" href="_assert/css/product_home.css" />
		<link type="text/css" rel="stylesheet" href="_assert/css/product_slider.css" />
		<link type="text/css" rel="stylesheet" href="_assert/css/product_fullcalendar.css" />

		<style type="text/css" rel="stylesheet">
			#calendar {
				background: #FFFFFF;
				width: 480px;
				z-index: 1000;
				position: absolute;
				left: 825px;
				top: 560px;
			}
			
		</style>

	</head>
	<body>
		<div class="header">
			<div class="container">
				<div class="user">
					<span>注册</span>
					<span>登陆</span>
				</div>
			</div>
		</div>
		<div class="navbar">
			<div class="container">
				<div class="logo"><img src="_assert/img/product_logo.png" />
				</div>
				<div>
					<ul>
						<li class="hover">
							首页
						</li>
						<li>
							目的地
						</li>
						<li>
							主题旅游
						</li>
						<li>
							年度推荐
						</li>
						<li>
							独家定制
						</li>
						<li>
							旅行方式
						</li>
						<li>
							白国会
						</li>
						<li>
							品牌理念
						</li>
					</ul>
				</div>
				<div class="search">
					<input type="text" placeholder="请输入关键词" />
					<span class="search-img"><img src="_assert/img/product_search.png" /></span>
				</div>

			</div>
		</div>
		<div class="setion1">
			<div class="container">
				<div class="left">
					<div class="title">
						南极15天奢华包船摄影之旅
					</div>
					<div class="banner">
						<div id="slides">
							<img src="_assert/img/product_slide.png"  />
							<img src="_assert/img/product_slide1.png"  />
							<img src="_assert/img/product_slide2.png"  />
						</div>
					</div>
				</div>
				<div class="right">
					<div class="topInfo">
						<div class="left">
							<div>
							<span class="tit">旅行天数：</span>	15天
							</div>
							<div>
								<span class="tit">&nbsp;&nbsp;&nbsp;目的地：</span> 南极
							</div>
							<div>
							<span class="tit">出发日期：</span>	2016-02-16
							</div>
							<div>
							<span class="tit">出发城市：</span>	北京/上海/香港
							</div>
						</div>
						<div class="right">
							<div style="margin-top: 86px;">
								<div style="color:#e9d3bd;font-size: 14px;">客户满意度</div>
								<div style="margin-top:20px;">
									<span><img src="_assert/img/product_starGray.png" /></span>
									<span><img src="_assert/img/product_starGray.png" /></span>
									<span><img src="_assert/img/product_starGray.png" /></span>
									<span><img src="_assert/img/product_starGray.png" /></span>
									<span><img src="_assert/img/product_starGray.png" /></span>
									</div>
									<div style="color:#838280;margin-top:30px;">0人点评</div>
							</div>
						</div>
					</div>
					<div class="price">
						<div class="pr1">
							<span>100000/</span>人起
						</div>
						<div class="pr2"><span class="tit">付款方式：</span><img src="_assert/img/product_zzfs.png">
						</div>
					</div>
					<div class="date">
						<div class="d1">
							<div class="tit">出游日期：</div>
							<div id="calenderInput" class="calenderInput">
								<span style="display:inline-block;width:280px;">2013-12-12</span><img src="_assert/img/detailpage_Btndown.png" />
							</div>
						</div>
						<div class="d1">
							<div>出发城市：</div>
							<div id="cityInput">
								<span style="display:inline-block;width:280px;"></span>
							</div>
						</div>

					</div>
					<div class="visited">
						<div>出游人数：</div>
						<ul class="tj1">
							<li class="minus"></li>
							<li class="num">
								0
							</li><li class="plus"></li>
						</ul>
						<div style="margin:0 15px;">成人</div>
						<ul class="tj2">
							<li class="minus"></li>
							<li class="num">
								0
							</li><li class="plus"></li>
						</ul>
						<div style="margin-left:10px;">儿童</div>
					</div>
					<div class="yd">
						<button type="button"></button>
					</div>
				</div>
			</div>
		</div>
		<div class="tab">
			<div class="container">
				<div class="title">
					<ul>
						<li class="focus">
							行程亮点
						</li>
						<li>
							行程线路
						</li>
						<li>
							费用说明
						</li>
						<li>
							签证信息
						</li>
						<li>
							预订须知
						</li>
					</ul>
					<div class="djxz">
						<img src="_assert/img/detailpage_pdf.png"><span style="font-size:12px;">下载PDF</span>
						<img src="_assert/img/detailpage_print.png" /><span style="font-size:12px;">打印行程</span>
					</div>
				</div>
			</div>
		</div>
		<div class="tabcontent">
			<div class="container" style="margin-bottom: 65px;height:2800px;">
				<div class="tablist " id="tab1">
					<div class="title">
						行程亮点
					</div>
					<div class="content">
						<p>
							● 专业线路：中国极地专家设计指导并推崇的南极探险航线；
						</p>
						<p>
							● 精英同行：与同游的精英阶层共同完成一生一次的南极之旅；
						</p>
						<p>
							● 浪漫南美：品尝阿根廷特色牛排餐，体验充满激情和野性的“探戈舞表演”；游览世界最南端的城市——乌斯怀亚；
						</p>
						<p style="margin-bottom: 0px;">
							● 极地邮轮：A.探险号是专门为南北极水域定制的探险船，环保、舒适，破冰能力强，安全系数为极地海域最高；
						</p>
						<p class="mleft84">
							B.天气允许下，每天至少安排两次登陆或者巡游，完全不需要预约排队。

						</p>
						<p class="mleft84">
							C.6000吨排水量。在能100%登陆的中型极地探险船中排量最大，过德雷克海峡更平稳。
						</p>
						<p>
							● 资深团队：资深极地团队向导；极地科考专家带来内容丰富的讲座，旨在帮您对南极有更深入的了解；
						</p>
						<p>
							● 最好季节：12月是南极繁殖季节，可以近距离接触南极最多的动物，还有机会看到海豹为争夺领地的激烈场面；
						</p>
						<p>
							● 深度探秘：花整整六天时间探索世界上最后的一片净土，行程所到之地及所见之物远远超越常规南极半岛旅游，深度探索发现大美南极；
						</p>
						<p>
							● 极地探险：露营、皮划艇、徒步、冰泳、登山…如果您有足够的勇气和兴趣，我们可以帮您实现。
						</p>
					</div>
				</div>
				<div class="tablist" id="tab2">
					<div class="title">
						行程线路
					</div>
					<div class="content">
						<div class="daylist">
							<div class="d1">
								<span><img src="_assert/img/detailpage_day.png" /></span><span class="day">1</span>
								<span class="pl30 font16">北京或上海或广州</span><span class="pl15 pr15"><img src="_assert/img/detailpage_plane.png" /></span>
								<span class="font16">布宜诺斯艾利斯 </span><span class="pl30">参考航班：</span><span>波音737</span>
							</div>
							<div class="d2 ml65">
								<div class="d "><img src="_assert/img/detailpage_hotle.png" />
									<div>
										住宿： 无
									</div>
								</div>
								<div class="d "><img class="mt14" src="_assert/img/detailpage_traffic.png" />
									<div>
										交通： 无
									</div>
								</div>
								<div class="d "><img style="margin-top:6px;" src="_assert/img/detailpage_cook.png" />
									<div>
										餐饮：无
									</div>
								</div>
							</div>
							<div class="d3 ml65">
								<span>分别在北京、上海和广州国际机场集中，乘坐飞机前往有“南美巴黎”之称的阿根廷首都布宜诺斯艾利斯。</span>
							</div>
							<div class="d4 ml65">
								<img src="_assert/img/product_xcxl1.png">
								<img src="_assert/img/product_xcxl2.png">
								<img src="_assert/img/product_xcxl3.png">
							</div>
						</div>
						<div class="daylist">
							<div class="d1">
								<span><img src="_assert/img/detailpage_day.png" /></span><span class="day">2</span>
								<span class="pl30 font16">布宜诺斯艾利斯 </span><span class="pl15 pr15"><img src="_assert/img/detailpage_plane.png" /></span>
								<span class="font16">北京或上海或广州</span><span class="pl30">参考航班：</span><span>波音737</span>
							</div>
							<div class="d2 ml65">
								<div class="d "><img src="_assert/img/detailpage_hotle.png" />
									<div>
										住宿：无
									</div>
								</div>
								<div class="d "><img class="mt14" src="_assert/img/detailpage_traffic.png" />
									<div>
										交通：无
									</div>
								</div>
								<div class="d "><img style="margin-top:6px;" src="_assert/img/detailpage_cook.png" />
									<div>
										餐饮：无
									</div>
								</div>
							</div>
							<div class="d3 ml65">
								<span>分别在北京、上海和广州国际机场集中，乘坐飞机前往有“南美巴黎”之称的阿根廷首都布宜诺斯艾利斯。</span>
							</div>
							<div class="d4 ml65">
								<img src="_assert/img/product_xcxl1.png">
								<img src="_assert/img/product_xcxl2.png">
								<img src="_assert/img/product_xcxl3.png">
							</div>
						</div>
					</div>
				</div>
				<div class="tablist" id="tab3">
					<div class="title">
						费用说明
					</div>
					<div class="content mt20">
						<div class="include">
							<div class="lb">
								价格包含
							</div>
							<p style="margin-bottom: 0px;">
								● 船票（包含不同船舱的一个床位、早午晚餐、24小时自助式茶和咖啡、橡皮艇巡航和登陆、
							</p>
							<p class="mleft13">
								船上聘请专家学者的专题讲座、船上赠送一件防水防寒外套、船上借给客人一双登陆长筒防水靴、政府税、码头税）。

							</p>
							<p>
								● 经济舱机票及税（如需商务舱请第一时间决定，价格越往后越贵）。
							</p>
							<p>
								● 五星级豪华酒店2人一间标准双人房（乌斯怀亚住四星级酒店)
							</p>
							<p>
								● 旅游用车及火地岛景点门票。
							</p>
							<p>
								● 酒店西式早餐，午晚餐以中式团餐为主（中餐8菜一汤）、 阿根廷探戈表演一场含西式晚餐。
							</p>
							<p>
								● 阿根廷签证费。
							</p>
							<p>
								● 全程优秀领队、南美段全程专业司机和优秀导游服务及其小费。
							</p>
							<p>
								● 美亚保险-钻石计划（自身慢性疾病及妊娠、流产等保险公司规定的责任免除项目）。
							</p>
						</div>
						<div class="noinclude">
							<div class="lb">
								价格不包含
							</div>
							<p>
								● 邮轮所收小费15美元/天*9天=135美元。
							</p>
							<p style="margin-bottom: 0px;">
								● 广州/北京领区在职证明中西上文公证费（约800），上海领区在职证明中西文
							</p>
							<p class="mleft13">
								公证并认证费（约1000）。
							</p>
							<p style="margin-bottom: 0px;">
								● 居住地往返阿根廷使领馆面试的交通住宿费（北京广州领区抽查，上海领区全
							</p>
							<p class="mleft13">
								部人面试）、居住地往返出发机场的交通住宿费、国内段地接费。
							</p>
							<p>
								● 转机或候机时的餐费。
							</p>
							<p>
								● 邮轮及酒店单房差费用。
							</p>
							<p>
								● 人力不可抗拒因素导致行程变更增加的费用。
							</p>
						</div>
					</div>
				</div>
				<div class="tablist " id="tab4">
					<div class="title">
						签证信息
					</div>
					<div class="content">
						<p>
							提醒您，为充分享受旅游乐趣，出国需备妥目的地国家签证，并根据行程提前申请。若您有办理签证需求，我们将竭诚为您服务。
						</p>
						<p>
							本产品需办理：阿根廷签证，签证详情请咨询您的专属客服。
						</p>
					</div>
				</div>
				<div class="tablist " id="tab5">
					<div class="title">
						预订须知
					</div>
					<div class="content">
						<p>
							● 行程因天灾、战争和罢工及其它不可抗力原因更改或取消旅行社不退赔费用；邮轮行程船方原因被取消那么旅行社只退船票费用而不作其它退赔，行程变更产生的费用由客人负责。
						</p>
						<p>
							●由于极地旅游的特殊性，邮轮行程具体安排由船方决定，客人不得提出异议；岛屿能否登陆以及登陆顺序、时间、时长依当时天气、自然环境等不可抗因素而定，若因上述原因导致
						</p>
						<p>
							行程中具体项目的变更或取消，不视为旅行社违约
						</p>
						<p>
							● 旅行人身安全第一，随时注意防偷、抢、骗。请您务必随同导游带领并注意结伴而行，在游玩过程中，时刻注意自己随身携带的物品安全；乘坐交通工具时，现金、证件或贵重物品
						</p>
						<p>
							请务必随身携带，不应放进托运行李内；外出旅游离开酒店及旅游车时，也请务必将现金、证件或贵重物品随身携带。因为酒店不负责客人在客房中贵重物品安全，司机也不负责巴士
						</p>
						<p>
							上旅客贵重物品的安全，保险公司对现金是不投保的
						</p>
						<p>
							● 鉴于南极旅行高寒、高风险特殊性，处于妊娠期内的旅游者不宜参加此行程，报名参团时请如实告知身体状况，因虚假陈述或个人原因未告知旅行社而参团导致人身损害及财产损失的
						</p>
						<p>
							，其将由旅游者全部自行承担。
						</p>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="ang"><img src="_assert/img/product_angle.png" />
				</div>
				<ul>
					<li>
						<div class="contact">
							<div>
								<span class="icon"><img src="_assert/img/product_contact1.png" /></span>
								<span class="text">Phone<label class="tel">400-6562-262</label></span>
							</div>
							<div>
								<span class="icon"><img src="_assert/img/product_contact2.png" /></span>
								<span class="text">Address<label>广东省深圳市南山区蛇口 花样美年广场</label></span>
							</div>
							<div>
								<span class="icon"><img src="_assert/img/product_contact3.png" /></span>
								<span class="text">Email<label>400-6562-262</label></span>
							</div>
						</div>
					</li>
					<li class="lr">
						<div class="aboutus">
							<div class='title'>
								关于我们
							</div>
							<div class="content">
								人生百国旅行俱乐部，专注运营出境游，

								玩转地球上或风光壮美或历史人文深厚

								的国度，以及南北极、亚马逊等特种旅游。

								既可团游，又可自游；既可穷游，亦可奢

								华度假；既可走马观花，也可深度

								探索——我们给您提供丰富选择！
							</div>
						</div>
					</li>
					<li class="lr s">
						<div class="aboutus">
							<div class='title'>
								隐私政策
							</div>
							<div class="content">

							</div>
						</div>
					</li>
					<li class="lr">
						<div class="aboutus">
							<div class='title'>
								关注我们
							</div>
							<div class="content">
								<img src="_assert/img/product_weixin.png" />
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="cutline"></div>
			<div class="container">
				<div class="revision">
					Copyright© 2015 Sogou.com. All Rights Reserved. 京ICP证050897号
				</div>
			</div>
		</div>
		<div id='calendar'></div>
		<div class="lineSearch">
<ul>
      <li class="thRelative" id="hhDrop00">
        <div class="boxSearch">
          <span class="key_word">
            <b class="size_14">北京</b>
          </span>
          <em class="ico thLeft ico_shBlue"></em>
          <a class="thRight ico btn_search" href="javascript:void(0)"></a>
        </div>
        <div class="search_form_suggest" style="display:none;">
          <h3><a class="ico btn_close thRight" item="close">关闭</a>热门出发城市</h3>
          <dl class="search_hotList">
            <dd class="clr_after">
              <a href="javascript:void(0)">北京</a>
              <a href="javascript:void(0)">上海</a>
              <a href="javascript:void(0)">广州</a>
              <a href="javascript:void(0)">成都</a>
              <a href="javascript:void(0)">杭州</a>
              <a href="javascript:void(0)">南京</a>
              <a href="javascript:void(0)">深圳</a>
              <a href="javascript:void(0)">济南</a>
              <a href="javascript:void(0)">石家庄</a>
              <a href="javascript:void(0)">武汉</a>
              <a href="javascript:void(0)">郑州</a>
              <a href="javascript:void(0)">重庆</a>
              <a href="javascript:void(0)">福州</a>
              <a href="javascript:void(0)">西安</a>
              <a href="javascript:void(0)">长沙</a>
              <a href="javascript:void(0)">沈阳</a>
              <a href="javascript:void(0)">天津</a>
              <a href="javascript:void(0)">哈尔滨</a>
              <a href="javascript:void(0)">苏州</a>
              <a href="javascript:void(0)">南宁</a>
            </dd>
          </dl>
          
          <div class="clear"></div>
          <div class="select_city_box" item="dep-search" style="display: none;">
            <span>输入出发城市</span>
            <input type="text" class="input_city" item="key">
            <button class="btn" type="button" item="commit"></button>
            <div class="search_city_result" item="result" style="display:;">
              <a href="javascript:void();">广州</a> 没有匹配城市
            </div>
          </div>
          
          <div class="thLeft thPadT5 tab_select">
            <dl class="clrfix">
              <dt>A-G</dt>
              <dd class="clr_after">
                <a href="javascript:void(0)">北京</a>
                <a href="javascript:void(0)">长沙</a>
                <a href="javascript:void(0)">成都</a>
                <a href="javascript:void(0)">重庆</a>
                <a href="javascript:void(0)">福州</a>
                <a href="javascript:void(0)">广州</a>
                <a href="javascript:void(0)">贵阳</a>
              </dd>
            </dl>
            <dl class="clrfix">
              <dt>H-L</dt>
              <dd class="clr_after">
                <a href="javascript:void(0)">哈尔滨</a>
                <a href="javascript:void(0)">杭州</a>
                <a href="javascript:void(0)">合肥</a>
                <a href="javascript:void(0)">济南</a>
                <a href="javascript:void(0)">昆明</a>
              </dd>
            </dl>
            <dl class="clrfix">
              <dt>M-T</dt>
              <dd class="clr_after">
                <a href="javascript:void(0)">南昌</a>
                <a href="javascript:void(0)">南京</a>
                <a href="javascript:void(0)">南宁</a>
                <a href="javascript:void(0)">宁波</a>
                <a href="javascript:void(0)">青岛</a>
                <a href="javascript:void(0)">三亚</a>
                <a href="javascript:void(0)">上海</a>
                <a href="javascript:void(0)">沈阳</a>
                <a href="javascript:void(0)">深圳</a>
                <a href="javascript:void(0)">石家庄</a>
                <a href="javascript:void(0)">苏州</a>
                <a href="javascript:void(0)">太原</a>
                <a href="javascript:void(0)">天津</a>
              </dd>
            </dl>
            <dl class="clrfix">
              <dt>W-Z</dt>
              <dd class="clr_after">
                <a href="javascript:void(0)">武汉</a>
                <a href="javascript:void(0)">厦门</a>
                <a href="javascript:void(0)">西安</a>
                <a href="javascript:void(0)">郑州</a>
                <a href="javascript:void(0)">中山</a>
              </dd>
            </dl>
          </div>  
        </div>
      </li>
      </ul>
		</div>

		<!--- */-->
		<script type="text/javascript" src="_assert/js/jquery-1.11.2.min.js"></script>
		<script type="text/javascript" src="_assert/js/product_slides.js"></script>
		<script type="text/javascript" src="_assert/js/product_moment.min.js"></script>
		<script type="text/javascript" src="_assert/js/product_fullcalendar.js"></script>
		<script type="text/javascript" src="_assert/js/product_hhDrop.js"></script>
		<script type="text/javascript">
			$(function() {
				$("#calendar").css("left",$("#calenderInput").position().left-130);
				$(".lineSearch").css("left",$("#cityInput").position().left);
				$('#hhDrop00').hhDrop({});
				$('#hhDrop01').hhDrop({});
				$('#slides').slidesjs({
					width : 741,
					height : 527,
					play : {
						active : false,
						auto : true,
						interval : 5000,
						swap : true,
						restartDelay : 5000,
						restartAuto : true
					}
				});
				$("#slides").hover(function() {
					$("a.slidesjs-next").addClass("focus");
					$("a.slidesjs-previous").addClass("focus");
				}, function() {
					$("a.slidesjs-next").removeClass("focus");
					$("a.slidesjs-previous").removeClass("focus");
				});

				$('#calendar').fullCalendar({
					defaultValue : '2015ni7',
					buttonText : {
						today : '今天',
						month : '月视图',
						week : '周视图',
						day : '日视图'
					},
					allDayText : "全天",
					timeFormat : {
						'' : 'H:mm{-H:mm}'
					},
					weekMode : "variable",
					columnFormat : {
						month : 'dddd',
						week : 'dddd M-d',
						day : 'dddd M-d'
					},
					titleFormat : {
						month : 'YYYY年 MMMM月',
						week : "[YYYY年] MMMM月d日 { '&#8212;' [YYYY年] MMMM月d日}",
						day : 'YYYY年 MMMM月d日 dddd'
					},
					monthNames : ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
					dayNames : ["日", "一", "二", "三", "四", "五", "六"],
					header : {
						left : 'prev',
						center : 'title',
						right : 'next'
					},
					dayClick : function(date, allDay, jsEvent, view) {
						$("#calenderInput span").text(date._d.toJSON().split("T")[0]);
						$("#calendar").hide();
					},
					events : [{
						title : "截止销售",
						textColor : "#fd8787",
						start : "2015-07-01"
					}, {
						title : "event1",
						start : "2015-07-03"
					}, {
						title : "¥4700",
						textColor : "#87b3b6",
						start : "2015-07-02"
					}, {
						title : "2人成团",
						textColor : "#b2b2b2",
						start : "2015-07-02"
					}, {
						title : "¥4700",
						textColor : "#87b3b6",
						start : "2015-07-05"
					}, {
						title : "候补",
						textColor : "#fd8787",
						start : "2015-07-05"
					}]
				}).hide();
			});
			$("#calenderInput img").click(function() {
				$("#calendar").show();
			});
			//$('#calendar').top()
			$("div.navbar ul li").hover(function() {
				$(this).siblings().removeClass("hover").end().addClass("hover");
			});
			$(".setion1 .visited ul li.minus").click(function() {
				var number = $(this).next("li.num").text();
				if (eval(number > 0)) {
					$(this).next("li.num").text(number - 1);
					if ($(this).next("li.num").text() == 0)
						$(this).removeClass("gray");
				} else
					return;
			});
			$(".setion1 .visited ul li.plus").click(function() {
				var number = $(this).prev("li.num").text();
				$(this).prev("li.num").text(eval(number - 0 + 1));
				if ($(this).prev("li.num").text() != 0) {
					$(this).siblings("li.minus").addClass("gray");
				}

			});
			$(".setion1 .right .yd button").bind('mousedown mouseup', function() {
				$(this).toggleClass('keydown');
			});
			$(".tab ul li").click(function() {
				var ps=$(".tab").css("position");
				$(this).siblings().removeClass("focus").end().addClass("focus");
				var tabname = "#tab" + eval($(this).index() + 1);
				//&&(window.navigator.userAgent.toLowerCase().indexOf('msie') >= 0
				
				if(ps=="static"){
					// $(tabname).children(".title").css("padding-top","103px");
					// $(tabname).siblings(".tablist").children(".title").css("padding-top","21px");
					if(window.navigator.userAgent.toLowerCase().indexOf("msie 7.0")>=0){
						if($(this).index()==0){
							$(window).scrollTop(769-41);
						}
						if($(this).index()==1){
							$(window).scrollTop(1226-41);
						}
						if($(this).index()==2){
							$(window).scrollTop(2357-41);
						}
						if($(this).index()==3){
							$(window).scrollTop(2895-41);
						}
						if($(this).index()==4){
							$(window).scrollTop(3082-41);
						}
						
					}else{
						$(window).scrollTop(($(tabname)[0].offsetTop)-82);
					}
					
					
				}
				else{
					//0 464  1595 2133 2323
					//769 1217 2347 2850 3062
					//769 1226 2357 2869
					//769 753 752 717 739
					// $(tabname).children(".title").css("padding-top","62px");
					// $(tabname).siblings(".tablist").children(".title").css("padding-top","21px");
					//console.log(window.navigator.userAgent.toLowerCase().indexOf("msie 7.0")>=0);
					if(window.navigator.userAgent.toLowerCase().indexOf("msie 7.0")>=0){
						if($(this).index()==0){
							$(window).scrollTop(769-41);
						}
						if($(this).index()==1){
							$(window).scrollTop(1226-41);
							//console.log(($(tabname)[0].offsetTop));
						}
						if($(this).index()==2){
							$(window).scrollTop(2357-41);
						}
						if($(this).index()==3){
							$(window).scrollTop(2895-41);
						}
						if($(this).index()==4){
							$(window).scrollTop(3082-41);
						}
						
					}else{$(window).scrollTop(($(tabname)[0].offsetTop)-41);}
					
				}
				
				//location.href = tabname;
			});
			$(window).resize(function(){
				$("#calendar").css("left",$("#calenderInput").position().left-130);
				$(".lineSearch").css("left",$("#cityInput").position().left);
			});
			$(window).scroll(function(){
				if($(this).scrollTop()>=767){
					$(".tab").css("position","fixed");
					$(".tab").css("top","0px");
					var leftF=$(".tabcontent .container")[0].offsetLeft;
					$(".tab .container").css("margin-left",leftF+"px");
				}else{
					$(".tab").css("position","static");
				}
				if($(this).scrollTop()>=3036){
					$(".tab ul li:eq(4)").siblings().removeClass("focus").end().addClass("focus");
				}
				if($(this).scrollTop()>=2770&&$(this).scrollTop()<2984){
					$(".tab ul li:eq(3)").siblings().removeClass("focus").end().addClass("focus");
				}
				if($(this).scrollTop()>=2321&&$(this).scrollTop()<2729){
					$(".tab ul li:eq(2)").siblings().removeClass("focus").end().addClass("focus");
				}
				if($(this).scrollTop()>=1258&&$(this).scrollTop()<2216){
					$(".tab ul li:eq(1)").siblings().removeClass("focus").end().addClass("focus");
				}
				if($(this).scrollTop()>=747&&$(this).scrollTop()<1163){
					$(".tab ul li:eq(0)").siblings().removeClass("focus").end().addClass("focus");
				}
			});
			$(window).resize(function(){
				if($(this).scrollTop()>=767){
					$(".tab").css("position","fixed");
					$(".tab").css("top","0px");
					var leftF=$(".tabcontent .container")[0].offsetLeft;
					$(".tab .container").css("margin-left",leftF+"px");
				}else{
					$(".tab").css("position","static");
				}
			});
			$(document).bind('click',function(event){
          if(!$(event.target).parent().hasClass('calenderInput' ) ){
            $("#calendar").hide();
          }
        });
		</script>

	</body>
</html>